# 第1步: 构建阶段 - 使用Node镜像编译Vue项目
FROM registry.cn-beijing.aliyuncs.com/pdmi-bigdate/node:16-alpine AS build-stage

# 设置工作目录
WORKDIR /app

# 复制package.json和package-lock.json
COPY package*.json ./

# 安装项目依赖
RUN npm install --registry=https://registry.npmmirror.com

# 复制项目文件
COPY . .

# 构建生产版本
RUN npm run build:prod

# 第2步: 生产阶段 - 使用Nginx部署
FROM registry.cn-beijing.aliyuncs.com/pdmi-bigdate/nginx:1.21-alpine

# 复制构建产物到Nginx目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 复制自定义Nginx配置（可选）
COPY nginx.conf /etc/nginx/nginx.conf

# 暴露80端口
EXPOSE 80

# 启动Nginx
CMD ["nginx", "-g", "daemon off;"]